import { Rate } from 'antd';
import React from 'react'

interface PinProps extends React.ComponentProps<typeof Rate> {
  checked: boolean,
  onCheckedChange?: (checked: boolean) => void
}

export function Pin({checked, onCheckedChange, ...restProps}: PinProps) {
  return (
    <Rate
      count={1}
      value={checked ? 1 : 0}
      onChange={num => onCheckedChange?.(!!num)}
      {...restProps}
    />
  )
}
